@keyframes goingto-appear
  from
    transform s('translateX(%s)', $gap * 6 + $font_size)
  to
    transform translateX(0)

.p-goingto
  overflow hidden
  position fixed
  right $gap * 2
  bottom $gap * 2
  line-height 2.2
  user-select none
  animation goingto-appear 0.6s ease
  @media (max-width: $app_mobile_width)
    display none

.p-goingto-top, .p-goingto-bottom
  margin $gap
  width 2em
  text-align center
  cursor pointer
  border-radius $gap * 0.5
  background var(--color-background)
  transition box-shadow 0.2s
  &:hover
    box-shadow 0 0 $gap * 0.5 var(--color-goingto-shadow)
  &:active
    box-shadow inset 0 0 $gap * 0.25 1px var(--color-goingto-shadow)
